


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>你办囍事 我送囍酒</title>
        
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="<?php echo  C('HTTP_HOST_URL');?>/Public/game/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo  C('HTTP_HOST_URL');?>/Public/game/css/awardMap.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo  C('HTTP_HOST_URL');?>/Public/game/css/tool.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo  C('HTTP_HOST_URL');?>/Public/game/css/animate.css" />
	</head>
	<body>
		<include file="./Application/Home/View/Page/wechatsdk.html" />
		<div class="web">
			<div class="content">
				<!--城市的切换键部分-->
			<button class="switching_point" id="gd_button"><img src="/Public/game/images/switching_point_gd.png" /></button>
			<button class="switching_point" id="hn_button"><img src="/Public/game/images/switching_point_hn.png" /></button>
			<!--地图部分-->
			<div class="map_wrap">
				<!--广东省部分-->
				<div class="gd_map" id="gd_map">
					<img src="/Public/game/images/map_gd.png" class="guangdong_map" />
					<div class="map_city">
						<div class="city_icon gd_city_icon1  animated fadeInDownBig delay_100 active">
							<div class="city_text">
								<span>茂名</span><br />
								<i>{$countArr.Mm}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon2 animated fadeInDownBig delay_200">
							<div class="city_text">
								<span>阳江</span><br />
								<i>{$countArr.Yj}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon3 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>韶关</span><br />
								<i>{$countArr.Sg}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon4 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>广州</span><br />
								<i>{$countArr.Gz}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon23 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>湛江</span><br />
								<i>{$countArr.Zj}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon6 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>河源</span><br />
								<i>{$countArr.Hy}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon7 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>中山</span><br />
								<i>{$countArr.Zs}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon8 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>清远</span><br />
								<i>{$countArr.Qy}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon9 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>珠海</span><br />
								<i>{$countArr.Zh}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon10 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>佛山</span><br />
								<i>{$countArr.Fs}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon11 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>肇庆</span><br />
								<i>{$countArr.Zq}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon12 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>江门</span><br />
								<i>{$countArr.Jm}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon13 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>惠州</span><br />
								<i>{$countArr.Hz}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon14 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>揭阳</span><br />
								<i>{$countArr.Jy}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon15 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>汕尾</span><br />
								<i>{$countArr.Sw}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon16 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>梅州</span><br />
								<i>{$countArr.Mz}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon17 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>潮州</span><br />
								<i>{$countArr.Cz}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon18 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>深圳</span><br />
								<i>{$countArr.Sz}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon19 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>东莞</span><br />
								<i>{$countArr.Dg}</i>
								<span>份</span>
							</div>
						</div>
						<div class="city_icon gd_city_icon22 animated fadeInDownBig delay_300">
							<div class="city_text">
								<span>汕头</span><br />
								<i>{$countArr.St}</i>
								<span>份</span>
							</div>
						</div>
					</div>
				</div>
				<!--海南省部分-->
				<div class="hn_map" id="hn_map">
					<img src="/Public/game/images/map_hn.png" class="hainan_map" />
					<div class="map_city">
						<div class="city_icon hn_city_icon1 animated  delay_00">
							<div class="city_text">
								<span>三亚</span><br />
								<i>{$countArr.Sy}</i><span>份</span>
							</div>
						</div>
						<div class="city_icon hn_city_icon2 animated  delay_200">
							<div class="city_text">
								<span>海口</span><br />
								<i>{$countArr.Hk}</i><span>份</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--套装待领取部分-->
			<div class="surplus_number">
				<h3>剩余<span>{$effective}</span>套</h3><br />
				<h1>婚宴定制囍酒套装</h1><br />
				<h3>待领取</h3>
			</div>
			<!--领取规则部分-->
			<div class="rule">
					<h2>领取方式：</h2>
					<p>符合领取条件的用户凭结婚证以及酒店婚宴预订单据，前往张裕白兰地线下兑换点（限广东省、海南省区域）可获赠婚宴定制囍酒套装一份，共9999份，数量有限，领完为止。</p>
					<h2>领取时间：</h2>
					<p>2016年9月9日—2017年1月9日</p>
					<h2>领取条件：</h2>
					<!--0923修改时间为"2017年1月9日"-->
					<p>于2016年1月1日后进行婚姻登记，并在2016年9月9日—2017年1月9日举办婚宴的新人（限广东省、海南省区域）。</p>
				</div>
			</div>
			<div class="footer">
				<!--跳转按钮部分-->
				<div class="button F_T animated bounceInUp">
			<a href="<php>echo \Org\Net\Fun::url('home/page/searchStores');</php>" class="jump_button">找到离我最近的领取点</a>
			</div>
			<!--返回首页部分-->
			<a href="<php>echo \Org\Net\Fun::url('home/page/index');</php>" class="get_back"><img src="/Public/game/images/get_back.png"/></a>
			</div>
			
		</div>
		<script src="<?php echo  C('HTTP_HOST_URL');?>/Public/game/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="<?php echo  C('HTTP_HOST_URL');?>/Public/game/js/awardMap.js" type="text/javascript" charset="utf-8"></script>
		<script src="<?php echo  C('HTTP_HOST_URL');?>/Public/game/js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(".city_icon").on("click",function(){
				//location.href = "Redeem.html";
				location.href = "<php>echo \Org\Net\Fun::url('home/page/Redeem');</php>";
			})
			/************数量闪出**********************/
			var target = {$effective}; //目标的数量
			var i = 10000; //总数
			var clock = setInterval(function() {
				i -= 50;
				if(i <= target) {
					i = target;
					clearInterval(clock);
				}
				$(".surplus_number h3 span").text(i);
			}, 16)
		</script>
	</body>
</html>